.content {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.calendar-content {
  flex: 1;
}

.plan-content {
  flex: 1;
  width: 97%;
  padding: 0rpx 10rpx;
}

.u-btn{
  width: 20%;
  margin: 0rpx;
  padding: 0rpx;
  font-size: 30rpx;
}

.center-content {
  font-size: 40rpx;
  margin: 20rpx;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around
}

.u-checkbox-group {
  width: 95%;
  display: flex;
  flex-direction: column;
  padding: 0rpx 20rpx;
}

.u-checkbox {
  padding: 20rpx;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #dedede;
}

.group {
  .u-checkbox:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
  }
}

::v-deep .u-checkbox__label {
  margin-left: 40rpx;
}

::v-deep .u-checkbox .u-checked .u-checkbox__label {  
  color: red; 
}  

.example-body {
  display: flex;
  flex-direction: row;
}

.calendar-button {
  flex: 1;
  font-weight: bold;
  font-size: 32rpx;
}